// JavaScript Document
KApp.define('kuoqi.element.canvas.box',{
	version:'base',//版本信息
	extends:'kuoqi.element.canvas',//使用继承的模型
	desc:'',
	tips:[
		'x:左上角的坐标',
		'y:左上角的坐标',
		'w:盒子宽度',
		'h:盒子高度'
		
	],
	x:0,//x位置
	y:0,//y位置
	w:1,//宽度
	h:1,//高度
	
	//获取元素的信息并返回dom
	getDom:function(callback){
		var dom = $Q.createElement('canvas');
		dom.width = this.w;
		dom.height = this.h;
		var ctx=dom.getContext("2d");
		ctx.beginPath();
		ctx.fillStyle="#FF0000";
		ctx.fillRect(0,0,this.w + this.x,this.h + this.y);
		ctx.stroke();
		//循环获取当前元素的子元素节点信息
		for( var i = 0; i < this.children.length; i++ ){
			var cdom = this.children[i];
			cdom.getDom();
		}
		callback(dom);
	}
});